@import "assets/css/scss/index";
@import "assets/css/scss/variables";
@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/input.scss";
@import "~taro-ui/dist/style/components/image-picker.scss";
@import "~taro-ui/dist/style/components/checkbox.scss";
@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/list.scss";

.at-input {
  margin-left: 0;
}

.at-input__container {
  padding-left: 22px;
}

.at-radio__option {
  padding-left: 0 !important;
}

.at-checkbox__option {
  padding-left: 0 !important;
}

page {
  width: 100%;
  height: 100%;
}

.bg-page {
  width: 100%;
  min-height: 100%;
  background-color: #F0F0F0;
  color: $text-color;
  font-size: 28px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.no-bg-page {
  width: 100%;
  min-height: 100%;
  color: $text-color;
  font-size: 28px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.swiper {
  height: 380px;

  .swiper-child {
    height: 100%;
    background-color: aqua;
  }
}

.banner-img {
  width: 100%;
}

.button-origin {
  display: inline-flex;
  background-color: #FFFFFF;
  border-radius: 0;
  padding: 0;
}

.button-origin-transparent {
  display: inline-flex;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.button-origin::after {
  border: none;
}

.bg-ffffff {
  background-color: #FFFFFF;
}


.bg-4EBE6F {
  background-color: #4EBE6F;
}

.bg-394B5D {
  background-color: #394B5D;
}

.bg-EEF6FE {
  background-color: #EEF6FE;
}

.bg-FCEAEA {
  background-color: #FCEAEA;
}

.bg-007DDB {
  background-color: #007DDB;
}

.bg-394B5D {
  background-color: #394B5D;
}

.bg-5D9AC9 {
  background-color: #5D9AC9;
}

.bg-D6D6D6 {
  background-color: #D6D6D6;
}

.bg-FFF5F0 {
  background-color: #FFF5F0;
}

.bg-FAFAFA {
  background-color: #FAFAFA;
}

.bg-F0F0F0 {
  background-color: #F0F0F0;
}

.bg-F0F1F2 {
  background-color: #F0F1F2;
}

.bg-E14848 {
  background-color: #E14848;
}


.upload {
  width: 165.5px;
  height: 165.5px;
  border: 2px solid #d6e4ef;
  border-radius: 8px;
  position: relative;
}


.video {
  width: 100%;
  height: 100%;
}

.add {
  width: 100%;
  height: 100%;
  position: relative;
}

.add-bar {
  transform: translate3d(-50%, -50%, 0) rotate(0);
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 60rpx;
  height: 2px;
  border-radius: 1PX;
  background: #ccc;
}

.add-bar-line {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 60rpx;
  height: 2PX;
  border-radius: 1PX;
  background: #ccc;
}